@media screen and (min-width:1025px){
}
@media screen and (max-width:1700px){
  .solute-info .sulute-wr mark p{ margin-bottom:50px;}
  .solute-info .sulute-wr mark{ margin-top:-110px;}
}
@media screen and (max-width:1450px){
  .solute-info .sulute-wr mark p{ margin-bottom:30px;}
  .solute-info .sulute-wr mark{ margin-top:-100px;}
}
@media screen and (max-width:1280px){
	.binner,.inner,.pinner{ width: 1000px;}
	.top{ padding: 10px 0px 15px;}
	.logo{ width: 110px;}
	.sharpBox{ margin-top: 15px;}
	.nav a{ font-size: 15px;}
	.banner .binbox,.ibox{ width: 1000px; margin-left: -500px;}
	.banner .binbox .zh{ font-size: 38px;}
	.ibox li{ padding: 20px 0px;}
	.ibox .iboxC{ padding: 0px 30px;}
	.newIbox,.new2Ibox,.proIbox,.plantIbox{ width: 486px;}
	.newImgDemo .item{ width: 486px;}
	.proDemo{ width: 484px;}
	.plantIlist{ margin-left: -2%;}
	.plantIlist li{ width: 48%; margin-left: 2%;}
	.iboxList li.item3,.iboxList li.item4{ display: none;}
	.pbanner .con .zh{ font-size: 30px;}
	.pbanner .con .en{ font-size: 36px;}
	.newPage{ width: 1000px;}
	.newPageCon{ width: 644px;}
	.newsDl dd .img{ width: 30%;}
	.newsDl dd .con{ width: 67%;}
	.infoT .t{ font-size: 26px;}
	.proList ul{ margin-left: -2%;}
	.proList li{ width: 23%; margin: 0px 0px 2% 2%;}
	.proList .con{ padding: 30px 0px;}
	.proList .con .name{ font-size: 18px; height: 32px;}
	.proIdemo .bimg{ width: 530px;}
	.proIdemo .pcon{ width: 394px;}
	.proIdemo .pcon .name{ font-size:18px; height: 56px;}
	.proIdemo .pcon .con{ line-height: 1.8; font-size: 12px; height: 204px;}
	.proIRelevant{ width: 960px;}
	.owlp-prev, .owlp-next{ width: 26px; height: 57px;}
	.owlp-prev{ left: -30px;}
	.owlp-next{ right: -30px;}
	.owlp-prev:hover { background-position: -34px top; }
	.owlp-next:hover { background-position: -6px top; }
	.staffList dl{ margin-left: -3%;}
	.staffList dd{ margin: 0px 0px 3% 3%;}
	.staffList .item1{ width: 60%;}
	.staffList .item2{ width: 34%;}
	.staff a{ height: 350px;}
	.mapbox{ height: 450px;}
	
	   .solute-banner{ width:100%; padding:0 27px; box-sizing:border-box;}
}
@media screen and (max-width:1024px){
#ding{ display:none;}
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.binner,.inner,.pinner{ width: 90%;}
	.logo{ width: 80px; padding: 6px 0px 10px; margin-left: 2%;}
	.sharpBox{ margin-top: 14px;}
	.grop{ position: fixed; left: 0px; top: 0px; width: 100%; background-color: #fff; z-index: 900;}
	.top{ padding: 0px 0px; width: 100%;}
	.menu-handler{ display: block;}
	.navbox{ display: none;}
	.mtop{ height: 58px;}
	.banner .binbox,.ibox{ width: 90%; margin-left: 0px; left: 5%;}
	.ibox .iboxC .t{ width: 154px;}
	.ibox li{ width: 60%;}
	.ibox li.item2{ width: 40%;}
	.newIbox,.new2Ibox,.proIbox,.plantIbox{ width: 48%;}
	.newImgDemo{ height: 236px;}
	.newImgDemo .item{ width: auto; height: 236px;}
	.proDemo{ width: 100%; box-sizing: border-box; height: 234px;}
	.proDemo .item{ height: 234px;}
	.proDemo .item .img{ width: 176px;}
	.proDemo .item .con{ padding: 0 28px 0 204px;}
	.proDemo .item .con .t{ font-size: 18px; padding: 20px 0px;}
	.proDemo .item .con .c{ line-height: 1.8; height: 130px;}
	.firstBox{ padding-bottom: 15px; margin-bottom: 15px;}
	.firstBox .t{ margin-bottom: 0px;}
	.firstBox .c{ display: none;}
	.iboxList li.item3,.iboxList li.item4{ display: block;}
	.illustration{ width: 42%;}
	.information{ width: 55%; line-height: 1.8;}
	.pb50{ padding: 8% 0px;}
	.w996{ width: 90%;}
	.historyList .bot{ left: 25.5%;}
	.historyList .year{ width: 25%; margin-right: 10%;}
	.historyList .dico{ left: 100%;}
	.historyList .con{ width: 65%;}
	.siderVideo,.proNews{ display: none;}
	.newPage{ width: 90%;}
	.newSider{ float: none; width: auto;}
	.newPageCon{ float: none; width: auto;}
	.infoT .t{ font-size: 22px;}
	.proList li{ width: 31.33%;}
	.proIdemo .bimg{ width: 100%; float: none; margin-bottom: 30px;}
	.proIdemo .bimg .ts{ display: none;}
	.proIdemo .pcon{ width: 90%; float: none; padding: 5%;}
	.proIdemo .pcon .name{ height: auto; margin-bottom: 30px;}
	.proIdemo .pcon .con{ height: auto; font-size: 14px;}
	.proIRelevant{ width: 82%;}
	.pageT,.investorDL .name{ font-size: 28px;}
	.investorList .item .t{ font-size: 14px; line-height: 1.5; height: 62px;}
	.staffList .item1{ width: 56%;}
	.staffList .item2{ width: 38%;}
	.staff a{ height: 300px;}
	.join-dl .jname{ width: 30%;}
	.join-dl .jnum, .join-dl .jadd{ width: 15%;}
	.mapbox{ height: 400px;}
	.contactPage{ padding-top: 50px;}
	.contactPage .t{ line-height: 1.4; font-size: 26px;}
	.contactDL dd{ float: none; width: auto; margin:0px 0px 35px;}
	.contactDL dd .item{ height: auto; line-height: 1.8;}
	
	   .solutes{ width:50%;}
   .solute-info{ width:50%;}
   .solute-box h2{ width:100%; margin-bottom:30px;}
   .solute-banner{ width:100%; padding:0 27px; box-sizing:border-box;}
   .solutes figcaption h2{ font-size:22px;}
   .solutes figcaption a{ margin-top:40px;}
   .solutes figcaption,.solute-info .sulute-wr mark{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
   .solute-info .sulute-wr mark h3{ font-size:22px; margin-bottom:22px;}
   .solute-info .sulute-wr mark p{ line-height:1.8; height:42px; margin-bottom:20px;}
      .solute-box{ padding:78px 0 100px;}
   .solute-wr .owl-theme .owl-controls .owl-buttons div{ top:50%; margin-top:-16px;}
   .solute-title{ height:70px;}
   .solute-title h3{ font-size:22px; padding-top:20px;}
   .solute-text{ padding:60px 0 45px;}
   
   }
@media screen and (max-width:861px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.banner .binbox .zh{ font-size: 30px;}
	.ibox{ position: relative; left: auto; bottom: auto; width: 100%; }
	.ibox li{ padding: 30px 0px; float: none; width: 100%;}
	.ibox li.item1{ height: auto;}
	.ibox li.item2{ width: 100%;}
	.ibox .iboxC{ padding: 0px 5%; height: auto;}
	.ibox .txt{ padding: 0px 5%; margin: 0px;}
	.ibox .txt .t{ font-size: 14px;}
	.newIbox,.new2Ibox,.proIbox,.plantIbox{ width: 100%; float: none;}
	.newImgDemo,.newImgDemo .item,.proDemo,.proDemo .item{ height: 284px;}
	.proDemo{ width: auto;}
	.proDemo .item .img{ width: 214px;}
	.proDemo .item .con{ padding:0 28px 0 242px;}
	.mainBox{ padding-bottom: 0;}
	.foot .linkbox{ float: none; padding-bottom: 20px;}
	.foot .finfo{ float: none; width: auto;}
	select.selectdemo{ float: none;}
	.illustration{ width: 80%; float: none; border: 3px solid #39B54A;}
	.information{ width: 100%; float: none; padding-top: 30px;}
	.honorList{ margin-left: -5%;}
	.honorList li{ margin-left: 5%; width: 45%;}
	.historyList .year{ font-size: 30px;}
	.historyList .dico{ top: 10px;}
	.pbanner .con .zh{ font-size: 28px;}
	.pbanner .con .en{ font-size: 34px;}
	.pbanner .con{ top: 38%;}
	.infoT .t{ font-size: 20px;}
	.infoT .r{ height:auto; line-height: 1.8;}
	.proDnav li{ padding:16px 0px; width: 33.33%;}
	.proIRelevant .t{ font-size: 26px;}
	.pageT,.investorDL .name{ font-size: 26px;}
	.investorList ul{ margin-left: 0px;}
	.investorList li{ margin-left: 0px; width: auto; float: none; margin-bottom: 25px;}
	.staff a{ height: 280px;}
	.join-dl .jname{ width: 70%; padding: 0px 0px 0px 4%;}
	.join-dl .jnum, .join-dl .jadd{ display: none;}
	.join-dl .jtime{ float: right; width: 25%;}
	.mapbox{ height: 380px;}
	.contactPage .t{ font-size: 22px;}
	
	#site1{ display:none;}
	#site2{ margin:0; padding:0; width:96%;height:auto; float:left; padding:2%;}

#floatDivBoxs{ display:none;}
#rightArrow{ display:none;}


.about_f1_left{float:left;background-color:#fff;width: 96%; height:auto;border:1px solid #eaeaea;}

.about_f1_right{overflow:hidden;float: left;width: 96%;height:auto; margin-top:20px;}
.newsList li{ width: 45%; float: left; display: block; margin:0px 0% 2% 2%;}

#indexaboutleft{ margin:0; padding:0; width:100%; height:auto; position:relative; float:left;position:relative; margin-top:60px; margin-bottom:40px; background:#2fa69d; z-index:1000; }

#indexaboutright{ display:none;}

   .solutes figcaption h2,.solute-info .sulute-wr mark h3{ font-size:20px;}

}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px;  margin-top:-175px;}
	.sharpBox{ display: none;}
	.logo{ margin-left: 5%;}
	.banner .binbox .zh{ font-size: 28px;}
	.banner .binbox .en{ font-size: 16px;}
	.banner .pic2{ text-align: left; }
	.ibox .iboxC .t{ float: none; display: block; width: auto;}
	.newImgDemo, .newImgDemo .item{ height: auto;}
	.newImgDemo .item{ width: auto; height: auto; background: none !important;}
	.newImgDemo .item img{ display: block;}
	.pb50{ padding: 10% 0px;}
	.by{ font-size: 16px;}
	.illustration{ box-sizing: border-box; width: auto;}
	.illustration .video-ico{ transform: scale(0.8)}
	.fancybox-prev{ left: -13px !important;}
	.fancybox-next{ right: -13px !important;}
	.fancybox-prev span{ left: 0px !important;}
	.fancybox-next span{ right: 0px !important;}
	.pnav a{ float: left; width: 25%; margin: 0px;}
	.pnav a span{ width: 100%; padding: 0px;}
	.historyList .item{ padding: 15px 0px 15px;}
	.historyList .bot{ display: none;}
	.historyList .year{ font-size: 26px;}
	.historyList .year{ width: 25%; margin-right: 5%;}
	.historyList .con{ width: 70%;}
	.pbanner .con .zh{ font-size: 20px;}
	.pbanner .con .en{ font-size: 24px;}
	.newsDl dd .img{ width: 42%; margin-right: 5%;}
	.newsDl dd .con{ width: 53%;}
	.newsDl .article-title{ font-size: 16px; height: auto;}
	.paging{ padding: 5% 0px;}
	.paging .num{ display: none;}
	.paging a{ padding: 8px 12px;}
	.proList ul{ margin-left: -4%;}
	.proList li{ width: 46%; margin: 0px 0px 4% 4%;}
	.proIRelevant .t{ font-size: 20px;}
	.tabl{ padding: 25px 5%;}
	.investorDL dd{ float: none; width: auto; padding:5%; text-align: left;}
	.investorDL dd.item2{ border: 0px none; text-align: left; width: auto; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD;}
	.investorDL dd.item3{ width: auto;}
	.listingTBL td.wl{ width: auto; font-weight: bold; color: #39B54A;}
	.listingTBL td { width: 100% !important;display: block;padding: 10px 0px;}
	.pageT,.investorDL .name{ font-size: 24px;}
	.investorList .item .img{ width: 70px;}
	.investorList .item{ padding:20px 30px 20px 100px; height: auto; min-height: 70px;}
	.investorList .item .t{ height: auto;}
	.staff a{ height: 220px;}
	.responsibilityList ul{ margin-left: -5%;}
	.responsibilityList li{ width: 45%; margin: 0px 0px 5% 5%;}
	.messTbl{ padding: 25px;}
	.messTbl td{ padding-bottom: 10px;}
	.messTbl .mtxt{ width: 84%; padding: 8px 5px;}
	.contactPage .t{ font-size: 20px;}
	
	
#indexabout1{ margin:0; padding:0; width:100%; height:auto; float:left;}
#indexabout2{ margin:0; padding:0; width:100%; height:auto; float:left; padding-top:20px;}

	
.ideaPlist dd{ float: left; display: block;  width: 46%; margin-left: 2%; background-color: #fff;}
#conmenu{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff;}
#conmenumain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto;}

#conmenulefta{ margin:0 auto; padding:0; width:100%; max-width:1200px; float:left;height:auto; }
.cont_nav_left1{float: left; margin:0 auto; padding:0; width:100%; height:auto; display:block;}

.cont_nav_left1 ul{float: left; margin:0 auto; padding:0; display:block;font-size:14px;margin-top:-1px;width:100%;height: auto;}
.cont_nav_left1 ul li { margin:0 auto; padding:0;color:#fff;line-height:42;width:96%;text-align:center;float: left; margin-left:2%; margin-right:2%; margin-top:3px; background:#2FA69D;}
.cont_nav_left1 ul li a{color:#fff;line-height:42px;width: 100%; border:0;text-align:center;float: left;}
.cont_nav_left1 ul li a:hover{background-color:#FFC000; border:0;}

.cont_nav_left1 ul li.acc a{background-color:#FFC000; color:#fff; border:0;}

.cont_nav_left1 ul li.acc a:hover,.cont_nav_left span.on{background-color:#f6f6f6;border-color: #00b6ff;}


#conlineleft{ display:none;}
#conmenuleft{ display:none;}


#indexnew31{ margin:0 auto; padding:0; width:96%; height:auto;}
#indexnew32{ margin:0 auto; padding:0; width:96%; height:auto; }

#indexyinyong31{ margin:0 auto; padding:0; width:46%; float:left; margin-left:1%; margin-right:1%; margin-top:30px;height:auto;}


#site{ margin:0 auto; padding:0; width:100%; height:240px; background:#0c6ba5;}

#sitemain1{ margin:0; padding:0; width:92%; padding-left:50px;margin-right:50px; background:url(../image/1-1.jpg) no-repeat left center; border-right:1px solid #2e93d1;height:60px; text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#fff;  text-decoration:none; line-height:60px; font-weight:normal;}
#sitemain2{ margin:0; padding:0; width:92%; padding-left:50px;margin-right:50px;height:60px; background:url(../image/1-2.jpg) no-repeat left center; border-right:1px solid #2e93d1; text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#fff;  text-decoration:none; line-height:60px; font-weight:normal;}
#sitemain3{ margin:0; padding:0; width:92%;  padding-left:50px;height:60px;background:url(../image/1-3.jpg) no-repeat left center;  text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#fff;  text-decoration:none; line-height:60px; font-weight:normal;}
   .solutes,.solute-info{ width:100%;}
	   .solute-box{ padding:40px 0 75px;}
   .solute-title h3{ font-size:18px; font-weight:normal;}
   .solute-text p{ font-size:14px;}
   .backpre{ margin-top:20px;}
   .solute-text{ padding-top:30px;}
   
   
   
   #indexpro1{ margin:0; padding:0; width:100%; height:auto; float:left; background:#fff;}
#indexpro2{ margin:0; padding:0; width:100%; height:auto; float:left; background:#fff;}
#indexmenu{ margin:0 auto; padding:0; width:100%; height:40px;}
#indexfuwu1{ margin:0 auto; padding:0; width:100%; height:auto; min-height:220px; float:left; background:url(../image/3.jpg) no-repeat top center #02a3eb;}
#indexfuwu2{ margin:0 auto; padding:0; width:100%; height:auto;min-height:220px;  float:left; background:url(../image/5.jpg) no-repeat top center #02a3eb;}
#indexfuwu3{ margin:0 auto; padding:0; width:100%; height:auto; float:left; text-align:center;}
#indexfuwu4{ margin:0 auto; padding:0; width:100%; height:auto; float:left; text-align:center;}
.history1{ margin:0; padding:0; width:100%; height:100px; float:left; background:url(../image/22.jpg) no-repeat bottom center;}
.history13{ display:none;}
.history14{ display:none; }
.history3{ display:none;}
.history4{ display:none; }
.history2{ margin:0; padding:0; width:100%; height:100px; float:left; background:url(../image/22.jpg) no-repeat bottom center;}

}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; }
	.banner .binbox .zh{ font-size: 22px; margin-bottom: 0px;}
	.banner .binbox .en{ font-size: 12px;}
	.proDemo, .proDemo .item{ height: auto;}
	.proDemo .item .img{ position: relative; width: 40%; left: auto; top: auto; float: left; display: block;}
	.proDemo .item .con{ padding: 0px; float: left; width: 50%; margin-left: 5%;}
	.proDemo .item .con .t{ font-size: 16px; padding: 15px 0px;}
	.proDemo .item .con .c{ height: 64px;}
	.firstBox .t{ margin-bottom: 15px;}
	.firstBox{ margin-bottom: 20px; padding-bottom: 25px;}
	.firstBox .c{ display: block;}
	.plantIlist li .name{ font-size: 12px;}
	.historyList .dico{ display: none;}
	.historyList .year{ font-size: 20px;}
	.newsDl dd .img{ width: auto; float: none; margin-right: 0px;}
	.newsDl dd .con{ width: auto; padding-top: 20px;}
	.proList ul{ margin-left: -2%;}
	.proList li{ width: 48%; margin: 0px 0px 2% 2%;}
	.investorList .item .t{ font-size: 12px; text-align: justify;}
	.newsList li{ width: 96%; float: left; display: block; margin:0px 0% 2% 2%;}

}
@media screen and (max-width: 370px) {
	.fundTwoBox .item{ float: none; width: 100%;}
	.honorList{ margin-left: 0px;}
	.honorList li{ width: auto; margin: 0px 0px 20px;}
	.pbanner .con .zh{ font-size: 16px;}
	.pbanner .con .en{ font-size: 20px;}
	.proList ul{ margin-left: 0;}
	.proList li{ width: auto; float: none; margin: 0px 0px 5% 0%;}
	.proList .con .name{ height: auto;}
	.staffList dl{ margin: 0px;}
	.staffList dd{ float: none; width: auto; margin: 0px 0px 25px;}
	.staffList .item1{ width: auto;}
	.staffList .item2{ width: auto;}
	.staff a{ height: auto; background: none !important;}
	.staff img{ display: block;}
	.responsibilityList ul{ margin-left: 0;}
	.responsibilityList li{ width: auto; margin: 0px 0px 25px 0px; float: none;}
	.responsibilityList .con{ height: auto;}
}
@media screen and (max-width: 320px) {
	.join-dl .jname{ width: auto;}
	.join-dl .jtime{ display: none;}
}